
        <div class="header py-4">
            <div class="container">
              <div class="d-flex">
                <a class="header-brand" href="./index.html">
                  <img src="__STATIC__/index/demo/brand/tabler@2x.png" class="header-brand-img" alt="tabler logo">
                </a>
                <div class="d-flex order-lg-2 ml-auto">
                  <div class="nav-item d-none d-md-flex">
                    <a href="https://gitee.com/dongyao/web_site_navigation" class="btn btn-sm btn-outline-primary" target="_blank">免费开源</a>
                  </div>
                  <div class="dropdown">
                    <a href="#" class="nav-link pr-0 leading-none" data-toggle="dropdown">
                      <span class="avatar" style="background-image: url(__STATIC__/index/demo/faces/female/25.jpg)"></span>
                      <span class="ml-2 d-none d-lg-block">
                        <span class="text-default">开放，透明</span>
                        <small class="text-muted d-block mt-1">无广告，无插件</small>
                      </span>
                    </a>
                    <!-- <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                      <a class="dropdown-item" href="#">
                        <i class="dropdown-icon fe fe-user"></i> Profile
                      </a>
                      <a class="dropdown-item" href="#">
                        <i class="dropdown-icon fe fe-settings"></i> Settings
                      </a>
                      <a class="dropdown-item" href="#">
                        <span class="float-right"><span class="badge badge-primary">6</span></span>
                        <i class="dropdown-icon fe fe-mail"></i> Inbox
                      </a>
                      <a class="dropdown-item" href="#">
                        <i class="dropdown-icon fe fe-send"></i> Message
                      </a>
                      <div class="dropdown-divider"></div>
                      <a class="dropdown-item" href="#">
                        <i class="dropdown-icon fe fe-help-circle"></i> Need help?
                      </a>
                      <a class="dropdown-item" href="#">
                        <i class="dropdown-icon fe fe-log-out"></i> Sign out
                      </a>
                    </div> -->
                  </div>
                </div>
                <a href="#" class="header-toggler d-lg-none ml-3 ml-lg-0" data-toggle="collapse" data-target="#headerMenuCollapse">
                  <span class="header-toggler-icon"></span>
                </a>
              </div>
            </div>
          </div>